<h1 id="Velocity-1-5-0"><a href="#Velocity-1-5-0" class="headerlink" title="Velocity 1.5.0"></a>Velocity 1.5.0</h1><h2 id="Docs"><a href="#Docs" class="headerlink" title="Docs"></a>Docs</h2><p><a href="http://velocityjs.org">http://VelocityJS.org</a></p>
<h2 id="News"><a href="#News" class="headerlink" title="News"></a>News</h2><p>WhatsApp, Tumblr, Windows, Samsung, Uber, and thousands of other companies rely on Velocity. Visit <a href="http://libscore.com/#$.Velocity">Libscore.com</a> to see which sites use Velocity on their homepage.</p>
<blockquote>
<p>Hi folks, I have some exciting news to share. Julian has graciously offered and I have accepted to become the lead maintainer for Velocity. I’m really excited to be working closely with and learning from him in order to transition this project onto my plate. I remember when Julian started working on Velocity (locked away in his apartment — a few blocks away from me). Then later when he first announced it publicly. And finally when it exploded in growth from 0 to what it is today. I hope to bring that same enthusiasm, energy, and skill to it. I am honored to be taking it on. Looking forward to working on it along with the rest of the contributors.</p>
<p> — <strong>Message from <a href="https://github.com/kvirani">@kvirani</a> [August 22, 2016]</strong></p>
</blockquote>
<h2 id="React-Plugin"><a href="#React-Plugin" class="headerlink" title="React Plugin"></a>React Plugin</h2><p>Announcement: <a href="https://fabric.io/blog/introducing-the-velocityreact-library">https://fabric.io/blog/introducing-the-velocityreact-library</a><br><br>Repo: <a href="https://github.com/twitter-fabric/velocity-react">https://github.com/twitter-fabric/velocity-react</a><br><br>NPM: <a href="https://www.npmjs.com/package/velocity-react">https://www.npmjs.com/package/velocity-react</a></p>
<h2 id="Quickstart"><a href="#Quickstart" class="headerlink" title="Quickstart"></a>Quickstart</h2><h3 id="Velocity-CDN-choose-one-of-them"><a href="#Velocity-CDN-choose-one-of-them" class="headerlink" title="Velocity (CDN, choose one of them):"></a>Velocity (CDN, choose one of them):</h3><pre><code class="html"><span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">"//cdn.jsdelivr.net/velocity/1.5/velocity.min.js"</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span>
<span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">"//cdnjs.cloudflare.com/ajax/libs/velocity/1.5.0/velocity.min.js"</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span>
</code></pre>
<h3 id="Velocity-UI-pack-CDN-choose-one-of-them"><a href="#Velocity-UI-pack-CDN-choose-one-of-them" class="headerlink" title="Velocity UI pack (CDN, choose one of them):"></a>Velocity UI pack (CDN, choose one of them):</h3><pre><code class="html"><span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">"//cdn.jsdelivr.net/velocity/1.5/velocity.ui.min.js"</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span>
<span class="tag">&lt;<span class="name">script</span> <span class="attr">src</span>=<span class="string">"//cdnjs.cloudflare.com/ajax/libs/velocity/1.5.0/velocity.ui.min.js"</span>&gt;</span><span class="undefined"></span><span class="tag">&lt;/<span class="name">script</span>&gt;</span>
</code></pre>
<blockquote>
<p>Please note that JSDelivr will automatically supply the latest release, while CloudFlare needs to ask for a specific version.</p>
</blockquote>
<h3 id="Package-managers"><a href="#Package-managers" class="headerlink" title="Package managers:"></a>Package managers:</h3><p><em>npm:</em> <code>npm install velocity-animate</code><br><br><em>bower:</em> <code>bower install velocity</code></p>
<h2 id="Questions-or-Problems"><a href="#Questions-or-Problems" class="headerlink" title="Questions or Problems?"></a>Questions or Problems?</h2><p>Ask on <a href="http://stackoverflow.com/tags/velocity.js">StackOverflow</a> (make sure you add the <code>[velocity.js]</code> and <code>[javascript]</code> tags).</p>
<h2 id="Updates"><a href="#Updates" class="headerlink" title="Updates"></a>Updates</h2><ul>
<li><strong><a href="https://github.com/julianshapiro/velocity/compare/1.4.0...1.5.0">1.5</a></strong>: Bugfixes, IE9 compatibility fixes.</li>
<li><strong><a href="https://github.com/julianshapiro/velocity/compare/1.3.0...1.4.0">1.4</a></strong>: Pause / Resume (per element or global).<br><br>Forcefed string animation (just have matching number spaces) including unit conversions and colour names (ie <code>background:[&quot;rgba(red,0.1)&quot;, &quot;blue&quot;]</code>).<br>High resolution timers (animations should be slightly smoother).<br><br>Various fixes including ticker (loading Velocity in a background window) and color handling.</li>
<li><strong><a href="https://github.com/julianshapiro/velocity/compare/1.2.0...1.3.0">1.3</a></strong>: Code cleanup - no breaking changes known.</li>
<li><strong><a href="https://github.com/julianshapiro/velocity/compare/1.1.0...1.2.0">1.2</a></strong>: <a href="http://VelocityJS.org/#progress">Custom tweens</a>. <a href="http://VelocityJS.org/#easing">Custom easings</a>. <a href="http://VelocityJS.org/#finish">“Finish” command</a>.</li>
<li><strong><a href="https://github.com/julianshapiro/velocity/compare/0.1.0...1.0.0">1.0</a></strong>: File name changed to <code>velocity.js</code>. Read <a href="http://VelocityJS.org/#dependencies">VelocityJS.org/#dependencies</a>.</li>
<li><strong>0.1</strong>: <code>stop</code> now stops animations <em>immediately</em> (instead of only clearing the remainder of the animation queue). No other backwards-incompatible changes were made.</li>
</ul>
<h2 id="Learn"><a href="#Learn" class="headerlink" title="Learn"></a>Learn</h2><ul>
<li><strong>Motion design</strong>: <a href="http://smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js">smashingmagazine.com/2014/06/18/faster-ui-animations-with-velocity-js</a></li>
<li><strong>Animating without jQuery</strong>: <a href="http://www.smashingmagazine.com/2014/09/04/animating-without-jquery/">smashingmagazine.com/2014/09/04/animating-without-jquery</a></li>
<li><strong>Performance comparisons</strong>: <a href="http://davidwalsh.name/css-js-animation">davidwalsh.name/css-js-animation</a></li>
<li><strong>Workflow</strong>: <a href="http://css-tricks.com/improving-ui-animation-workflow-velocity-js">css-tricks.com/improving-ui-animation-workflow-velocity-js</a></li>
</ul>
<h2 id="Comparisons"><a href="#Comparisons" class="headerlink" title="Comparisons"></a>Comparisons</h2><ul>
<li><strong>CSS transitions</strong> are meant for simple interface flourishes.</li>
<li><strong>jQuery’s $.animate()</strong> is slow and poorly-equipped for motion design.</li>
<li><strong>Velocity</strong> is a fast, feature-rich standalone alternative to jQuery’s $.animate().</li>
</ul>
<p>====</p>
<p><a href="LICENSE.md">MIT License</a>. © Julian Shapiro (<a href="http://twitter.com/shapiro">http://twitter.com/shapiro</a>).<br><br><a href="https://stripe.com/blog/stripe-open-source-retreat">Stripe</a> sponsors Velocity’s development.<br><br><a href="http://www.browserstack.com/">BrowserStack</a> provides testing services.</p>
